/*reset*/
* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0px;
}

:focus {
	outline: 0;
}

body,
ul,
img,
p,
input,
dl,
dd,
tr,
th,
td {
	margin: 0;
	padding: 0;
	
}

em {
	font-style: normal;
}

img {
	border: none;
	height: auto;
	max-width: 100%;
}

a {
	text-decoration: none;
}

input {
	padding: 0px;
	vertical-align: middle;
	line-height: normal;
	border: none;
}

body {
	overflow-x: hidden;
	font-size: 13px;
	line-height: 24px;
	word-wrap: break-word;
	color: #333;
}

a {
	line-height: 24px;
	color: #666;
}

.table-responsive {
	overflow: auto;
	min-height: .01%;
}

.clearfix {
	*zoom: 1;
}

.clearfix:before,
.clearfix:after {
	line-height: 0;
	display: table;
	content: "";
}

.clearfix:after {
	clear: both;
}

a:hover {
	text-decoration: none !important;
}

a:focus {
	outline-style: none;
	-moz-outline-style: none;
	text-decoration: none;
}

.clear {
	clear: both;
}

a:hover,
img:hover {
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
}

a,
img {
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
}

ul li {
	list-style-position: inside;
	list-style: none;
}

a {
	text-decoration: none;
}

.header{
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    background:rgba(255,255,255,1);
    -webkit-box-shadow: 0 20px 20px -20px rgba(71,71,71,.2);
    box-shadow: 0 20px 20px -20px rgba(71,71,71,.2);
}
.header .animated{
	-webkit-animation-delay: .6s;
	animation-delay: .6s
}
.header .main{
    width: 80%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: all .6s;
    transition: all .6s;
    margin-left: 10%;
}
.header .nList{
    position: absolute;
    right: -40%;
    top: 0;
    width: 40%;
    background-color: rgba(0,0,0,.8);
    height: 100vh;
    -webkit-transition: all .6s;
    transition: all .6s;
}


.header .top{
    display: none;
}
.header .main .left{
	display: inline-block;
	width: 188px;
	height: 40px;
	position: relative;
	overflow: hidden;
	margin-top: 25px
}

.header .main .left img {
	position: absolute;
	left: -100%;
	top: 0;
	height: 100%;
	width: 100%;
	-webkit-animation: show 1s linear forwards;
	animation: show 1s linear forwards;
	opacity: 0
}



@-webkit-keyframes show {
	0% {
		left: -100%;
		opacity: 0
	}
	to {
		left: 0;
		opacity: 1
	}
}

@keyframes show{
	0% {
		left: -100%;
		opacity: 0
	}
	to {
		left: 0;
		opacity: 1
	}
}

.header .main .right {
	width: 50%
}

.header .main .right,
.header .main .right ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row
}

.header .main .right ul {
	list-style: none;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 75%
}

.header .main .right ul li {
	position: relative;
	margin-left: 3%;
	padding: 30px 0;
	cursor: pointer
}

.header .main .right ul li a{
	color: #333;
	width: 100%;
	display:block;
	text-align: center;
	line-height: 25px;
	opacity: 1;
	-webkit-transition: all 1s;
	transition: all 1s;
	font-size: 16px;
	text-transform: capitalize;
	font-weight: bold;
}
.header .main .right ul li.active a{
	color: #d8824b;
	font-weight: bold;
	font-size: 16px;
}
.header .main .right ul li dl{ 
	display: none;
    position: absolute;
    left:50%;
    top: 85px;
    background: #fff;
    width: 200px;
    margin-left: -100px;


}
.header .main .right ul li dd a{ line-height: 45px;    font-weight: normal; font-size: 14px;}
@media screen and (max-width:1440px) and (min-width:1000px) {
	.header .main .right ul li a{
	
	font-size: 12px;
    }
	
}


.header .main .right ul .showLine:after {
	width: 100%
}

.header .main .right ul li:after {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 3px;
	-webkit-transition: all 1s;
	transition: all 1s;
	content: "";
	display: inline-block;
	background-color: #d8824b
}

.header .main .right ul li:hover:after {
	width: 100%
}

.header .main .right .a1 {
	padding-top: 30px;
	margin-left: 5%;
	width: 20%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.header .main .right .a1 .collect{
	height: 17px;
	width: 24px;
	position: relative;
	margin-top: 5px
}

.header .main .right .a1 .collect img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: all 1s;
	transition: all 1s;
	-o-object-fit: cover;
	object-fit: cover;
	display: block;
	cursor: pointer
}

.header .main .right .a1 .collect img:first-child {
	z-index: 10
}

.header .main .right .a1 .collect img:nth-child(2) {
	z-index: 100
}

.header .main .right .a1 .collect:hover img:first-child {
	opacity: 1;
	z-index: 100
}

.header .main .right .a1 .collect:hover img:nth-child(2) {
	opacity: 0;
	z-index: 10
}

.header .main .right .a1 .show img:first-child {
	opacity: 1;
	z-index: 100
}

.header .main .right .a1 .show img:nth-child(2) {
	opacity: 0;
	z-index: 10
}

.header .main .right .a1 i {
	font-size: 20px;
	color: #acacac;
	cursor: pointer;
	-webkit-transition: all 1s;
	transition: all 1s;
	z-index: 1000
}

.header .main .right .a1 i:hover {
	color: #000
}

.header .main .right .a1 .lines{
	width: 30px;
	position: relative;
	cursor: pointer
}

.header .main .right .a1 .lines div{
	height: 1px;
	width: 100%;
	position: absolute;
	background-color: #acacac;
	left: 0;
	-webkit-transition: all 1s;
	transition: all 1s
}

.header .main .right .a1 .lines div:first-child {
	top: 5px;
	-webkit-animation: long 2s linear infinite;
	animation: long 2s linear infinite
}

.header .main .right .a1 .lines div:nth-child(2) {
	top: 15px;
	width: 75%;
	-webkit-animation: long2 2s linear infinite;
	animation: long2 2s linear infinite;
	-webkit-animation-delay: .6s;
	animation-delay: .6s
}

.header .main .right .a1 .lines div:nth-child(3) {
	top: 25px;
	width: 50%;
	-webkit-animation: long3 2s linear infinite;
	animation: long3 2s linear infinite;
	-webkit-animation-delay: 1s;
	animation-delay: 1s
}

@-webkit-keyframes long{
	0% {
		width: 50%
	}
	25% {
		width: 75%
	}
	50% {
		width: 100%
	}
	75% {
		width: 75%
	}
	to {
		width: 50%
	}
}

@keyframes long {
	0% {
		width: 50%
	}
	25% {
		width: 75%
	}
	50% {
		width: 100%
	}
	75% {
		width: 75%
	}
	to {
		width: 50%
	}
}

@-webkit-keyframes long2 {
	0% {
		width: 25%
	}
	25% {
		width: 50%
	}
	50% {
		width: 75%
	}
	75% {
		width: 50%
	}
	to {
		width: 25%
	}
}

@keyframes long2 {
	0% {
		width: 25%
	}
	25% {
		width: 50%
	}
	50% {
		width: 75%
	}
	75% {
		width: 50%
	}
	to {
		width: 25%
	}
}

@-webkit-keyframes long3 {
	0% {
		width: 0
	}
	25% {
		width: 25%
	}
	50% {
		width: 50%
	}
	75% {
		width: 25%
	}
	to {
		width: 0
	}
}

@keyframes long3 {
	0% {
		width: 0
	}
	25% {
		width: 25%
	}
	50% {
		width: 50%
	}
	75% {
		width: 25%
	}
	to {
		width: 0
	}
}

.header .main .right .a1 .aLine div:nth-child(2) {
	top: 15px;
	width: 100%;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-animation: none;
	animation: none;
}

.header .main .right .a1 .aLine div:first-child,
.header .main .right .a1 .aLine div:nth-child(3) {
	width: 100%;
	-webkit-animation: none;
	animation: none;
	top: 15px
}

@media screen and (max-width:1440px) and (min-width:1000px) {
	.header .main .right{
		width: 50%
	}
}

.header .nList {
	position: absolute;
	right: -40%;
	top: 0;
	width: 30%;
	background-color: rgba(0, 0, 0, .8);
	height: 100vh;
	-webkit-transition: all .6s;
	transition: all .6s
}

.header .nList .x-close {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-webkit-font-feature-settings: "kern" 1;
	font-feature-settings: "kern" 1;
	-webkit-font-kerning: normal;
	font-kerning: normal;
	font-family: helvetica_neue_light, Arial, Helvetica, sans-serif;
	font-size: 17px;
	line-height: 24px;
	visibility: inherit;
	padding: 0;
	margin: 0;
	display: block;
	cursor: pointer;
	width: 41px;
	height: 41px;
	top: 20px;
	right: 90px;
	position: absolute;
	z-index: 100;
	color: #000;
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}

.header .nList .x-close:after,
.header .nList .x-close:before {
	content: "";
	position: absolute;
	left: -7px;
	top: 20px;
	height: 1px;
	width: 55px;
	z-index: 10;
	background-color: #fff;
	opacity: 0;
	-webkit-transition: all 1s;
	transition: all 1s;
	-webkit-transition-delay: .6s;
	transition-delay: .6s;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg)
}

.header .nList .mCon{
	width: 100%;
	padding: 60px 0;
	padding-bottom: 90px
}

.header .nList .mCon ul{
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	list-style: none;
	opacity: 0;
	-webkit-transition: all .6s;
	transition: all .6s
}

.header .nList .mCon ul li {
	width: 100%;
	margin-top: 30px
}

.header .nList .mCon ul li .item{
	text-align: center;
	margin-top: 20px;
	font-family: Fira Code Medium;
	font-weight: lighter;
	cursor: pointer;
	color: #fff;
	-webkit-transition: all 1s;
	transition: all 1s;
	opacity: 0;
	-webkit-transform: matrix(1, 5, 5, 1, 100, 0);
	transform: matrix(1, 5, 5, 1, 100, 0);
	font-size: 14px
}
.header .nList .mCon ul li .item a{ color: #fff; text-transform: uppercase;}

.header .nList .mCon ul li .item:hover {
	color: #fff
}



.header .shownList .x-close:after,
.header .shownList .x-close:before {
	opacity: 1
}

.header .shownList .x-close:before {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.header .shownList .x-close:after {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.header .shownList .mCon ul {
	opacity: 1
}

.header .shownList .mCon ul li .item{
	opacity: 1;
	-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
	transform: matrix(1, 0, 0, 1, 0, 0)
}

.header .search{
	position: absolute;
	right: 0;
	top: 0;
	width: 30%;
	background-color: #000;
	height: 0;
	-webkit-transition: all .6s;
	transition: all .6s;
	z-index: 1000
}
.header .showsList .x-close {
	display: block;
}

.search .x-close{
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-webkit-font-feature-settings: "kern" 1;
	font-feature-settings: "kern" 1;
	-webkit-font-kerning: normal;
	font-kerning: normal;
	font-family: helvetica_neue_light, Arial, Helvetica, sans-serif;
	font-size: 17px;
	line-height: 24px;
	visibility: inherit;
	padding: 0;
	margin: 0;
	display: block;
	cursor: pointer;
	width: 41px;
	height: 41px;
	top: 20px;
	right: 20px;
	position: absolute;
	z-index: 100;
	color: #000;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	display: none;
}

.header .search .x-close:after,
.header .search .x-close:before {
	content: "";
	position: absolute;
	left: -7px;
	top: 20px;
	height: 1px;
	width: 55px;
	z-index: 10;
	background-color: #fff;
	opacity: 0;
	-webkit-transition: all 1s;
	transition: all 1s;
	-webkit-transition-delay: .6s;
	transition-delay: .6s;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg)
}

.header .search .m1{
	position: absolute;
	opacity: 0;
	width: 70%;
	left: 15%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	bottom: 0;
	-webkit-transition: all 2s;
	transition: all 2s;
	-webkit-transform: matrix(1, 0, 0, 1, 1, 0);
	transform: matrix(1, 0, 0, 1, 1, 0)
}



.header .search .m1 p {
	width: 100%;
	color: #fff;
	font-size: 24px;
	padding-bottom: 40px
}

.header .search .m1 .ip {
	width: 100%;
	position: relative
}

.header .search .m1 .ip input{
	-moz-appearance: none;
	-webkit-appearance: none;
	border-radius: 0;
	outline: none;
	background-color: transparent;
	width: 100%;
	border: 1px solid #fff;
	float: none;
	display: block;
	font-family: helvetica_neue_bold, Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 27px;
	color: #fff;
	padding: 15px 15px 15px 15px;
}

.header .search .m1 .ip input:focus {
	outline: none
}

.header .search .m1 .ip button{
	background: none;
	font-size: 30px;
	color: #fff;
	line-height:60px;
	position: absolute;
	right: 0;
	bottom: 0;
	cursor: pointer;
	border: 0;
}
.header .search .m1 .ip button i{ font-size: 36px;}
.header .shownList{
	right: 0;
	z-index: 1000;
	height: 100vh;
	
}
.header .showsList{
	right: 0;
	z-index: 1000;
	height: 100vh;
	
}

.header .showsList .x-close:after,
.header .showsList .x-close:before {
	opacity: 1
}

.header .showsList .x-close:before {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.header .showsList .x-close:after {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.header .showsList .m1 {
	opacity: 1;
	bottom: 50%;
	-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
	transform: matrix(1, 0, 0, 1, 0, 0)
}

.header .top{
	display: none
}

.header .menuBox{
	position: fixed;
	top: -100vh;
	left: 0;
	height: 100vh;
	width: 100%;
	background: #000;
	z-index: 10100000000;
	-webkit-transition: .8s;
	transition: .8s;
	display: block
}

.header .menuBox.open{
	left: 0;
	top: 64px;
	padding-top: 20px
}

.header .menuBox.open ul li {
	-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
	transform: matrix(1, 0, 0, 1, 0, 0)
}

.header .menuBox ul {
	display: block;
	font-size: 18px;
	width: 100%;
	padding: 18px 0;
	text-align: center;
	list-style: none
}

.header .menuBox ul li {
	padding: 15px 0;
	text-transform: uppercase;
	font-family: SourceHanSerifCN-Regular;
	-webkit-transform: matrix(1, 0, 0, 1, -600, 0);
	transform: matrix(1, 0, 0, 1, -600, 0);
	-webkit-transition: all 1s;
	transition: all 1s
}

.header .menuBox ul li a{
	color: #fff;
	-webkit-transition: all 1s;
	transition: all 1s;
	font-size: 12px
}

@-webkit-keyframes transition1 {
	0% {
		-webkit-transform: translate(-100px, -100px);
		transform: translate(-100px, -100px);
		opacity: 0
	}
	to {
		-webkit-transform: translate(0);
		transform: translate(0);
		opacity: 1
	}
}

@keyframes transition1{
	0% {
		-webkit-transform: translate(-100px, -100px);
		transform: translate(-100px, -100px);
		opacity: 0
	}
	to {
		-webkit-transform: translate(0);
		transform: translate(0);
		opacity: 1
	}
}

@-webkit-keyframes transition2 {
	0% {
		-webkit-transform: translate(100px, -100px);
		transform: translate(100px, -100px);
		opacity: 0
	}
	to {
		-webkit-transform: translate(0);
		transform: translate(0);
		opacity: 1
	}
}

@keyframes transition2 {
	0% {
		-webkit-transform: translate(100px, -100px);
		transform: translate(100px, -100px);
		opacity: 0
	}
	to {
		-webkit-transform: translate(0);
		transform: translate(0);
		opacity: 1
	}
}

@-webkit-keyframes polygon{
	0% {
		-webkit-clip-path: polygon(0 0, 0 100%, 0 100%, 0 0);
		clip-path: polygon(0 0, 0 100%, 0 100%, 0 0)
	}
	to {
		-webkit-clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0);
		clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0)
	}
}

@keyframes polygon {
	0% {
		-webkit-clip-path: polygon(0 0, 0 100%, 0 100%, 0 0);
		clip-path: polygon(0 0, 0 100%, 0 100%, 0 0)
	}
	to {
		-webkit-clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0);
		clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0)
	}
}

@media screen and (min-width:2200px) {
	.header .main ul{
		width: 60%
	}
}

@media screen and (max-width:1440px) {
	.header .main{
		width: 90%;
		margin-left: 5%
	}
	.header .main ul{
		width: 50%
	}
}

@media screen and (max-width:1000px) {
	.header .main {
		display: none
	}
	.header .top {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		width: 100%;
		-webkit-transition: all 2s;
		transition: all 2s;
		background-color: #fff;
		padding: 10px 0
	}
	.header .top a {
		display: inline-block;
		text-align: center;
		/*padding: 10px 0;*/
		width: 100%
	}
	.header .mNav {
		display: block;
		-webkit-transition: .8s;
		transition: .8s;
		position: absolute;
		left: 0;
		top: -5px;
		bottom: 0;
		width: 60px
	}
	.header .search{ width: 100%;}
	.header .mobile-search{
		display: block;
		-webkit-transition: .8s;
		transition: .8s;
		position: absolute;
		right: 0;
		top: 20px;
		bottom: 0;
		width: 30px
	}
	.aImg{ width: 150px; margin-top: 6px;}
	.header .mNav .burger {
		width: 32px;
		height: 1px;
		background-color: #000;
		position: absolute;
		top: 25px;
		left: 50%;
		margin: 0 0 0 -16px;
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transition: .8s;
		transition: .8s
	}
	.header .mNav .burger:nth-of-type(2) {
		top: 35px
	}
	.header .mNav .burger:nth-of-type(3) {
		top: 45px
	}
	.header .mNav.active {
		background-color: #000
	}
	.header .mNav.active .burger{
		background-color: #fff
	}
	.header .mNav.active .burger:first-of-type {
		top: 35px;
		-webkit-transform: rotate(225deg);
		transform: rotate(225deg)
	}
	.header .mNav.active .burger:nth-of-type(2) {
		left: -100%;
		opacity: 0
	}
	.header .mNav.active .burger:nth-of-type(3) {
		top: 35px;
		-webkit-transform: rotate(-225deg);
		transform: rotate(-225deg)
	}
}



/*.header .main{
	width: 1440px;
	margin: 0 auto
}*/

.header .main .one {
	-webkit-box-orient: vertical;
	-ms-flex-direction: column;
	flex-direction: column
}

.header .main .one .l1,
.header .main .one {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-direction: normal
}

.header .main .one .l1 {
	-webkit-box-orient: horizontal;
	-ms-flex-direction: row;
	flex-direction: row;
	margin: 30px 0
}

.header .main .one .l1 p:first-child {
	font-family: play;
	font-size: 30px;
	color: #131313;
	text-transform: uppercase
}

.header .main .one .l1 p:nth-child(2) {
	color: #3b3b3b;
	font-family: Fira Code Medium;
	font-size: 18px;
	padding-top: 10px;
	margin-left: 10px
}

.header .main .one .l11 {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	padding-bottom: 30px;
	border-bottom: 1px solid rgba(0, 0, 0, .03)
}

.header .main .one .l11 .l2 {
	position: relative;
	cursor: pointer
}

.header .main .one .l11 .l2 .img1{
	opacity: 1;
	-webkit-transition: all 1s;
	transition: all 1s
}

.header .main .one .l11 .l2 .img2{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: all 1s;
	transition: all 1s
}

.header .main .one .l11 .l2 .img2,
.header .main .one .l11 .l2:hover .img1{
	opacity: 0;
	-webkit-transform: rotateX(180deg);
	transform: rotateX(180deg)
}

.header .main .one .l11 .l2:hover .img2{
	opacity: 1;
	-webkit-transform: rotateX(0);
	transform: rotateX(0)
}

.header .main .one .l11 .l2:first-child {
	margin-left: 0
}

.header .main .one .l11 .l2 {
	margin-left: 5%
}

.header .main .two {
	width: 100%;
	padding: 30px 0
}

.header .main .two .left,
.header .main .two {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.header .main .two .left {
	width: 60%
}

.header .main .two .left .list {
	width: 33%;
	text-align: center;
	border-left: 1px solid rgba(0, 0, 0, .05)
}

.header .main .two .left .list .item{
	color: #7c7c7c;
	font-family: Fira Code Medium;
	font-weight: lighter;
	font-size: 14px;
	margin-top: 15px;
	cursor: pointer;
	-webkit-transition: color 1s;
	transition: color 1s
}

.header .main .two .left .list .item:hover {
	color: #000
}

.header .main .two .left .list .item:first-child {
	font-size: 16px;
	color: #000;
	margin-top: 0;
	font-family: Fira Code Medium;
	font-weight: lighter
}

.header .main .two .left .list:last-child {
	border-right: 1px solid rgba(0, 0, 0, .05)
}

.header .main .two .right{
	width: 35%;
	margin-left: 5%
}

.header .main .two .right p {
	color: #131313
}

.header .main .two .right p:first-child {
	font-family: it;
	font-weight: 700;
	font-size: 18px;
	margin: 20px 0
}

.header .main .two .right p:nth-child(2) {
	font-family: it;
	font-weight: bolder;
	display: inline-block;
	width: auto
}

.header .main .two .right p:nth-child(2) span{
	display: inline-block
}

.header .main .two .right p:nth-child(2) span.email{
	margin-right: 20px
}

.header .main .two .right p:nth-child(3) {
	color: #a6a6a6;
	margin: 20px 0
}

.header .main .two .right p:nth-child(3) i {
	margin-left: 20px;
	font-size: 20px;
	cursor: pointer;
	-webkit-transition: all 1s;
	transition: all 1s
}

.header .main .two .right p:nth-child(3) i:first-child {
	margin-left: 0
}

.header .main .two .right p:nth-child(3) i:hover {
	color: #000
}

.header .main .two .right p:nth-child(4) {
	position: relative;
	width: auto;
	display: inline-block
}

.header .main .two .right p:nth-child(4) span {
	display: inline-block;
	font-family: it;
	font-weight: 700
}

.header .main .two .right p:nth-child(4) a {
	text-align: right;
	display: inline-block;
	position: absolute;
	right: 0;
	bottom: -30px;
	-webkit-transition: all 1s;
	transition: all 1s;
	color: #7c7c7c;
	font-family: it;
	font-weight: 700
}

.header .main .two .right p:nth-child(4) a:hover {
	color: #000
}

@media screen and (max-width:1440px) and (min-width:1000px) {
	.header .main {
		width: 95%
	}
}

@media screen and (max-width:1000px) {
	.header .main{
		width: 90%
	}
	.header .main .one .l1 {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}
	.header .main .one .l11 {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}
	.header .main .one .l11 div{
		margin-top: 30px
	}
	.header .main .one .l11 div:first-child {
		margin-top: 0
	}
	.header .main .two .left{
		display: none
	}
	.header .main .two .right {
		margin-left: 0;
		width: 100%
	}
	.header .main .two .right p{
		text-align: center;
		line-height: 30px
	}
	.header .main .two .right p:nth-child(2) {
		width: 100%
	}
}

@font-face {
	font-family: iconfont;
	src: url(../fonts/iconfont.61caea45.eot);
	src: url(../fonts/iconfont.61caea45.eot#iefix) format("embedded-opentype"),
	 url("data:application/x-font-woff2;charset=utf-8;base64,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") format("woff2"), url(../../sunsemweb/fonts/iconfont.0193019b.woff) format("woff"), url(../../sunsemweb/fonts/iconfont.9c772ab0.ttf) format("truetype"), url(../../sunsemweb/img/iconfont.10c93c7e.svg#iconfont) format("svg")
}

.iconfont {
	font-family: iconfont!important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-sousuo:before {
	content: "\E623"
}

.icon-weixin:before {
	content: "\E659"
}

.icon-hezuo:before {
	content: "\E508"
}

.icon-dengpao:before {
	content: "\E641"
}

.icon-qiyeguanli:before {
	content: "\E62D"
}

.icon-zuanshi:before {
	content: "\E61A"
}

.icon-right-copy:before {
	content: "\E606"
}

.icon-arrow-left:before {
	content: "\E673"
}

.icon-xiaoshou:before {
	content: "\E62F"
}

.icon-xinlang:before {
	content: "\E75F"
}

.icon-yuangui:before {
	content: "\E63D"
}

.icon-bofang:before {
	content: "\E649"
}

.icon-shafa:before {
	content: "\E661"
}

.icon-tuanduisvg:before {
	content: "\E607"
}

.icon-quanping:before {
	content: "\E85B"
}

.icon-fenxiang:before {
	content: "\E60E"
}

.icon-shoucang:before {
	content: "\E694"
}

.icon-ins:before {
	content: "\E608"
}

@font-face {
	font-family: it;
	src: url(../fonts/ITCAvantGardeStd-XLt.cca35357.otf)
}

@font-face {
	font-family: play;
	src: url(../fonts/PlayfairDisplay-Bold-4.f78a8c62.ttf)
}
@font-face {
	font-family: lhandw;
	src: url(../fonts/LHANDW.TTF)
}

@font-face {
	font-family: light;
	src: url(../fonts/SourceHanSerifCN-Light.e0676aa7.otf)
}

@font-face {
	font-family: exlight;
	src: url(../fonts/SourceHanSerifCN-ExtraLight.72ac6511.otf)
}

@font-face {
	font-family: medium;
	src: url(../fonts/SourceHanSerifCN-Medium.fbf7b77a.otf)
}

@font-face {
	font-family: bem;
	src: url(../fonts/BemboStd-Italic.28b2b479.otf)
}

@font-face {
	font-family: ding;
	src: url(../fonts/DINEngschriftStd.53ddef7c.otf)
}

@font-face {
	font-family: heavy;
	src: url(../fonts/SourceHanSerifCN-Heavy.f983acba.otf)
}

@font-face {
	font-family: regular;
	src: url(../fonts/SourceHanSerifCN-Regular.473303fb.otf)
}

@font-face {
	font-family: Embassy BT;
	src: url(../fonts/Embassy\ BT.56b15795.woff2) format("woff2"),
		 url(../fonts/Embassy\ BT.c4fcee8f.woff) format("woff"), 
		 url(../fonts/Embassy\ BT.d7cb028f.ttf) format("truetype"), 
		 url(../fonts/Embassy\ BT.7635325f.eot) format("embedded-opentype"), 
		 url(../../sunsemweb/img/Embassy\ BT.2dd08584.svg) format("svg");
	font-weight: 400;
	font-style: normal
}




.loader-wrap {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	z-index: 99999;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	 opacity: 0;

}
.loader-wrap.active {
    opacity: 1;
    display: block;
      -webkit-transition: all .1s linear;
      -o-transition: all .1s linear;
      transition: all .1s linear; 
      }

.loader-wrap:before {
	left: 0;
	-webkit-animation-name: zoom;
	animation-name: zoom;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

.loader-wrap:after,
.loader-wrap:before {
	content: "";
	position: absolute;
	top: 0;
	width: 50%;
	height: 100%;
	background-color: #000;
	-webkit-animation-duration:4s;
	animation-duration: 4s
}

.loader-wrap:after {
	right: 0;
	-webkit-animation-name: zoom2;
	animation-name: zoom2;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

@-webkit-keyframes zoom {
	0% {
		width: 50%;
		left: 0
	}
	25% {
		width: 0;
		left: 0
	}
	75% {
		width: 0;
		left: 50%
	}
	to {
		width: 50%;
		left: 50%
	}
}

@keyframes zoom {
	0% {
		width: 50%;
		left: 0
	}
	25% {
		width: 0;
		left: 0
	}
	75% {
		width: 0;
		left: 50%
	}
	to {
		width: 50%;
		left: 50%
	}
}

@-webkit-keyframes zoom2 {
	0% {
		width: 50%;
		right: 0
	}
	25% {
		width: 0;
		right: 0
	}
	75% {
		width: 0
	}
	to {
		width: 50%;
		right: 50%
	}
}

@keyframes zoom2 {
	0% {
		width: 50%;
		right: 0
	}
	25% {
		width: 0;
		right: 0
	}
	75% {
		width: 0
	}
	to {
		width: 50%;
		right: 50%
	}
}

.loader-wrap .logo {
     position: absolute;
    bottom: 50%;
    margin-bottom: 32px;
    z-index: 100;
    display: block;
    width: 188px;
    height: 40px;
    left: 50%;
    margin-left: -94px;
}

.loader-wrap .num {
	position: absolute;
	top: 50%;
	margin-top: 20px;
	font-size: 19px;
	color: #000;
	font-family: Embassy BT;
	z-index: 100
}

.loader-wrap .loader-container {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 1px;
	z-index: 1000;
	background-color: #333;
	text-align: center;
	color: #333;
}
.meter {
    position: absolute;
    top: 0;
    right: 0;
    font-size:18px;
    color: #d8824b;
    text-align: center;
    width: 100%;
    font-family:play;
     font-style: oblique;
   
   
}
.run .runner {
    content: "";
    position: absolute;
    right: 0;
    height: 100%;
    width: 0%;
    background-color: #ddd;
    animation: loader 4s linear;
    
}
.meter:after {
  content: "%";
}
@keyframes loader {
  0% {
    width: 100%;
  }
  100% {
    width: 0%;
  }
}
@keyframes meter {
  0% {
    color: #5bd8ff;
  }
  100% {
    color: #ff0000;
  }
}

.loader-wrap .loadingbar .processbar {
	width: 0;
	height: 1px;
	background-color: #000
}

@media(max-width:768px) {
	.loader-wrap {
		border-width: 20px
	}
}








 .links {
		margin-bottom: 40px;
	
	}
 .links a {
		margin-right: 20px;
		color: #ccc;
		text-decoration: none;
		font-size: 22px;
		font-weight: bold;
		text-shadow: 0px 2px 3px #fff;
		border: 1px solid #ddd;
		border-radius: 50%;
		width: 40px;
		height: 40px;
		text-align: center;
		line-height: 40px;
	}
 .links a:hover {
		color: #d8824b;
	}
.return a{width: 100px; line-height: 30px; border: 1px solid #ddd; text-align: center; display: block;}

.return a:hover{ background: #d8824b; color: #fff;}
.xunpan a{ display: inline-block; line-height: 40px; text-align: center; margin-bottom:30px;
    width: auto;
    min-width: 150px;
        background: #d8824b;
    color: #fff;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    border: none;
    text-transform: uppercase;}
.xunpan a:hover{ background: #d8824b; color: #fff;}
.ccont p{ line-height: 30px; font-size: 14px;}
.fl{ float: left; width: 20%; padding-top: 9vh;}
.fr{ float: right; width: 78%;}
.lh-main{ overflow: hidden;}
.lh-other-nav{  background: #fff;}
.lh-other-nav h2{ padding: 1.2vw 0; margin: 0 1.2vw; border-bottom: 3px solid #d8824b; }
.lh-other-nav li:hover{ background: #d8824b;}

.lh-other-contact{ margin: 5vh 0;  background: #fff; padding-bottom: 1.2vw;}
.lh-other-contact h2{padding: 1.2vw 0; margin: 0 1.2vw 1.2vw 1.2vw; border-bottom: 3px solid #d8824b;}
.lh-other-contact li{padding: 0 1.2vw;
    line-height: 43px;
    display: block;
    font-size: 16px;
    color: #333;
    position: relative;}
.news .container{ width: 100%;}
.contact .container{ width: 100%;}
.lh-contact-d  h1{ margin-bottom: 5vh; width: 100%;}
.lh-other-nav li ul li a{ border-bottom: 0; line-height: 40px; margin-left: 2.4vw; font-size: 14px; color: #666;}
.lh-other-nav li ul li a:before{display: none;}
.lh-pro-item .img{ overflow: hidden;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;}
.lh-pro-item .img img:hover{
	transform: scale(1.1);
}
.leave{ padding-bottom: 4vh;}
.leave .lh-message-input{ overflow: hidden; margin-bottom: 2vh; }
.leave .lh-message-input li{ width: 48%; float: left;}
.leave .lh-message-input li:nth-child(2n){ float: right;}
.leave .lh-message-input li:last-child{ width: 100%;}
.leave .lh-message-input h2{ margin-bottom: 4vh;}
.leave .lh-message-input li input{height: 45px; line-height: 45px; background: #fff;}
.leave  button{    display: inline-block; line-height: 40px;  cursor: pointer;
    width: auto;
    min-width: 150px;
        background: #d8824b;
    color: #fff;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    border: none;
    text-transform: uppercase;}
.pro-list .pro{ padding: 0; background: none;}
/*.pro-list .pro .swiper .item:after, .pro-list .pro .swiper .item:before{ display: none;}
.pro-list .pro .swiper .item .a1{ border: 1px solid #ddd; overflow: hidden;}*/
.pro-list .pro .swiper .item .a3{ font-size: 16px; font-weight: bold; font-family: arial;
    text-align: center;
    font-family: arial;
    padding-left: 15px;
    color: #333333;
    line-height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.pro-list .pro .swiper{ border: 0;}
.header .main .right ul li.active dd a{
	color: #333;
	    line-height: 45px;
    font-weight: normal;
    font-size: 14px;
}
.header .main .right ul li.active dd a:hover{ color: #d8824b;}
.header .main .right ul li dd a:hover{ color: #d8824b;}
.ht_about .index_tit{ text-align: center;}
.lc_fr .index_tit{ text-align: center;}
.lh-about-c .index_tit{ text-align: center;}
.ht_bout_con2 p{
	    font-size: 16px;

    
    line-height: 35px;
}
.search-pro{
	    margin-bottom: 1.2vw;
	    position: relative;
}
.search-pro input {
    padding: 15px;
    background: #fff;
    width: 100%;
     
}
.search-pro button {
    background: none;
    font-size: 50px;
    color: #333;
    line-height: 60px;
    position: absolute;
    top: -15px;
    right: 0;
    bottom: 0;
    cursor: pointer;
    border: 0;}
.search-pro .iconfont{
	 font-size: 25px;
}
.lh-about-c .swiper .item:after, .lh-about-c .swiper .item:before {
    position: absolute;
    left: 0;
    width: 0;
    content: "";
    display: inline-block;
    height: 1px;
    background-color: #000;
    -webkit-transition: all 1s;
    transition: all 1s;
    z-index: 100;
}
.lh-about-c .swiper .item:after {
	bottom: 0
}

.lh-about-c .swiper .item:hover:after,
.lh-about-c .swiper .item:hover:before {
	width: 100%
}
.brand h2{font-family: "play"; font-size: 30px; margin-bottom: 30px;}
.brand p{ font-size: 30px; line-height: 50px; font-family: "play";}
.touming{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100;}
.compatibleStyle {
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden; /* Chrome 和 Safari */
    -moz-backface-visibility:hidden;  /* Firefox */
    -ms-backface-visibility:hidden;  /* Internet Explorer */
    -webkit-perspective: 0;
    -webkit-transform: translate3d(0,0,0);
    visibility:visible;
}